<template>
  <div class="banner_wper">
    <div class="banner px1200">
      <category-nav />
      <nav-swiper :banners="banners" />
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import NavSwiper from '~/components/common/NavSwiper'
import CategoryNav from '~/components/category/CategoryNav'
export default {
  name: 'IndexBanner',
  components: {
    NavSwiper,
    CategoryNav
  },
  computed: {
    ...mapState({
      banners: 'slides'
    })
  }
}
</script>
<style lang="scss" scoped>
.banner_wper{
  height: 363px;
  overflow: hidden;
  margin-top: 30px;
  .banner{
    position: relative;
  }
}
</style>
